<!DOCTYPE html>
<!--
HTML written by BlingCc
Copyright Cc. All Rights Reserved.
任何盗用本站代码的行为都将受到追究！
-->
<html lang="zh">
<head>
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>高考倒计时</title>
<script src="https://cdn.jsdelivr.net/npm/jquery"></script>
<script src="https://cdn.jsdelivr.net/gh/jquery"></script>
<link rel="shortcut icon" href="https://blingcc233.github.io/icon.ico">
</head>


<script type="text/javascript">
	
	/*
		JS written by BlingCc
		Copyright Cc. All Right Reserved.
		任何盗用本站代码的行为都将受到追究！
	*/

  function countTime() {

            //获取当前时间

            var date = new Date();

            var now = date.getTime();

            //设置截止时间

            var endDate = new Date("2022-06-07 9:0:0");

            var end = endDate.getTime();

            //获取截止时间和当前时间的时间差

            var leftTime = end-now;

            //定义变量 d,h,m,s分别保存天数，小时，分钟，秒

            var d,h,m,s;

            //判断剩余天数，时，分，秒

            if (leftTime>=0) {

                d = Math.floor(leftTime/1000/60/60/24);

                h = Math.floor(leftTime/1000/60/60%24);

                m = Math.floor(leftTime/1000/60%60);

                s = Math.floor(leftTime/1000%60);                   

            }
			

            //将时间赋值到div中

            document.getElementById("day").innerHTML = d+"天";

            document.getElementById("hour").innerHTML = h+"时";

            document.getElementById("minute").innerHTML = m+"分";

            document.getElementById("second").innerHTML = s+"秒";

            //递归每秒调用countTime方法，显示动态时间效果

            setTimeout(countTime,1000);
			
			if(leftTime<0){
				var hw = document.getElementById("hw");
				hw.style.paddingLeft = "0";
				document.getElementById("hw").innerHTML = "收刀入鞘";
				document.getElementById("day").innerHTML = "预祝";
				document.getElementById("hour").innerHTML = "考生";
				document.getElementById("minute").innerHTML = "金榜";
				document.getElementById("second").innerHTML = "提名";
			}
  

        }

//判断UA
    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) 
	{
        if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
		{
            $ (document).ready(function(){
			$("#disp").removeClass("count");
		});
			$ (document).ready(function(){
			$("#hw").removeClass("h");
		});
            $ (document).ready(function(){
			$("#yiyan").removeClass("word");
		});
        
        }
		else{

            $ (document).ready(function(){
			$("#disp").removeClass("count");
		});
			$ (document).ready(function(){
			$("#hw").removeClass("h");
		});
            $ (document).ready(function(){
			$("#yiyan").removeClass("word");
		});
		}
	}
    else {//电脑
        
        $ (document).ready(function(){
			$("#disp").removeClass("count-an");
		});
        $ (document).ready(function(){
			$("#hw").removeClass("h-an");
		});
        $ (document).ready(function(){
			$("#yiyan").removeClass("word-an");
		});
        
	}
</script>


 <style>
	 /*
	 CSS written by BlingCc
	 Copyright by Cc. All rights reserved.
	 任何盗用本站代码的行为都将受到追究！
	 */
	*{
        font-family: "Microsoft Yahei Light","Microsoft Yahei","Pingfang SC",Helvetica,sans-serif,"等线";
        outline:none;
        text-decoration: none;
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

   	
 
	#index{
    	z-index: -2;
    	position: fixed;
		top:-30%;
		left:-10%;
   		width: 110%;
    	height: 130%;
    	background-repeat: no-repeat;
    	background-size: cover;
		/*
		background-image: url(https://www.yangshangzhen.com/bing/wallpaper);
		
		background-image:url(https://i.loli.net/2021/09/21/oKp8APqO7YNULxW.png);
		*/
		background-image:url(https://z3.ax1x.com/2021/09/21/4tZhF0.png);
    	color: transparent;
		/*
		filter: blur(10px);
		-webkit-filter: blur(10px);  
		-ms-filter: blur(10px);
		-moz-filter: blur(10px);
		transform: scale(1.07);
		*/
	}
	html,body {  
        height: 100%;
        width:100%;
        margin: 0;
        padding: 0;
		overflow:hidden;
	    
		/* background-color:#7eabd4; */
    }

	.word{
            color: rgba(0,0,0,0);
			text-align:center;
			font-family:Microsoft Yahei Light;
			font-size:25px;
            cursor: pointer;
            transition: 0.3s;
            padding-top: 25px;
            padding-bottom:25px;
            
		}

        .word-an{
            color: #696969;
			text-align:center;
			font-family:Microsoft Yahei Light;
			font-size:15px;
            cursor: pointer;
            transition: 0.3s;
            padding-top: 10px;
            padding-bottom:10px;
            
		}

        

        .word:hover{
            background-color: rgba(48, 48, 48, 0.5);
			color:#f5f5f5;
		
			font-size:27;
		}

	.count{
		
		font-family: Microsoft Yahei;
		transition:0.3s;
    	
		color:#e9967a;
		font-size:60px;
		text-align:center;
		margin:22vh auto 35vh auto;
	}
	/*.count:hover{
		color:#7eabd4;
	}*/
	.count-an{
		
		font-family: Microsoft Yahei;
		transition:0.3s;
    	color:#7eabd4;
		color:#e9967a;
		font-size:33px;
		text-align:center;
		margin:32vh auto 35vh auto;
	}

	.h{
		font-size:55px;transition:0.3s;color:#7eabd4;text-align:center;padding-bottom:20px ;padding-left:50px;
	}
	/*.h:hover{
		color:#e9967a;
	}*/

	.h-an{
		font-size:27px;transition:0.3s;color:#e9967a;color:#7eabd4;text-align:center;padding-bottom:10px;padding-left:20px;
	}

	

</style>

<body onload = "countTime()">	
		
	    <div id="disp" class="count count-an">
		<h3 id="hw" class="h h-an">仅剩：</h3>

         <span id="day"></span>

         <span id="hour"></span>

         <span id="minute"></span>

         <span id="second"></span>

	<p id="yiyan" class="word word-an">「 <span id="hitokoto">···</span> 」</p>
 
    </div>
	<div id="index"></div>
</body>
<script src="https://cdn.jsdelivr.net/gh/idealclover/clover/libs/canvas-nest/canvas-nest.min.js"></script>
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>

</html>